<template>
	<!-- loading 加载 -->
	<view class="mix-loading-content">
		<view class="mix-loading-wrapper">
			<image class="mix-loading-icon" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1592300462415&di=ece92ae7100eeab10b9de65ed394775d&imgtype=0&src=http%3A%2F%2Fimg.ui.cn%2Fdata%2Ffile%2F1%2F3%2F6%2F1803631.gif%3FimageMogr2%2Fauto-orient%2Fstrip%2Fthumbnail%2F%2521900%253E"> </image>
		</view>
	</view>
</template>

<script>
	export default {
		
		props: {
			top: {
				//距离顶部距离，单位upx
				type: Number,
				default: 0
			},
		},
		data() {
			return {

			};
		},
		methods: {
			
		}
	}
</script>

<style>
	.mix-loading-content{
		display:flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: transparent;
	}
	/* .mix-loading-wrapper{
		display: flex;
		justify-content: center;
		align-items: center;
		animation: loading .5s ease-in infinite both alternate;
	} */
	
	.mix-loading-icon{
		width: 350upx;
		height: 300upx;
		/* transition: .3s; */
	}
	
	/* @keyframes loading {
		0% {
			transform: translateY(-20upx) scaleX(1);
		}
		100% {
			transform: translateY(4upx)  scaleX(1.3);
		}
	} */
	
</style>
